/* 
    Document   : style
    Created on : Jun 29, 2013, 10:11:37 PM
    Author     : jossemargt
    Description:
        Purpose of the stylesheet follows.
*/

/** 
 * EduPress specific styles
 */

.edu-icon {
    margin-top: 3px;
    padding: 0 5px;
}

h1 .edu-icon {
    margin: 0;
    padding: 0;
}

h1 .edu-icon-holder {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    padding: 10px;
    top: 15px;
    margin-right: 5px;
    
    background-color: rgb(3, 68, 130);
    border-radius: 100%;
}

.top-search-form {
    margin: 0;
}

.top-search-form input {
    display: inline-block;
    margin: 10px 5px 0;
}

.top-search-form input[type="submit"]{
    display: none;
}

.home-middle .row {
    margin-bottom: 40px;
}

.content-wrap {
    margin-top: 100px;
}

.article-metadata-wrap {
    margin: 50px 0 0;
    padding: 40px 0 20px;
    border-top: #e5e5e5 solid 1px;
}

.denunciate-link, .denunciate-link:active, .denunciate-link:hover {
    font-size: small;
    color: #5a5a5a;
}

/**
 * Login Styles
 */
.login-page h1 {
    margin: 5% 0 2%;
    text-align: center;
}

.form-signin {
    max-width: 300px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
    box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
    margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
}

.login-tab-pane {
    display: none;
}

.login-tab-pane.active {
    display: block;
}

/**
 * Dashboard styles
 */

.dashboard {
    margin-top: 50px;
}

.dashboard .edu-icon {
    margin-top: 5px;
    padding: 0 5px;
}

.dashboard .nav-collapse i[class*="icon-"] {
    margin-right: 5px;
}

.dashboard #post-new-content {
    min-height: 170px;
}
/* RESPONSIVE CSS
-------------------------------------------------- */

@media (max-width: 979px) {
    .content-wrap {
        margin-top: 80px;
    }
}


@media (max-width: 767px) {
    .top-search-form input {
        width: 94%;
        margin: 5px 0 10px;
        margin-left: 2%;
        margin-right: 2%;
    }
    
    .top-search-form input[type="submit"]{
        display: block;
        padding: 10px  0;
        width: 96%;
        margin: 5px 2% 10px;
    }

}
